<%@ page import="databeans.Employee"%>
<%
	Employee employee = (Employee)session.getAttribute("employee");
	String employeeUsername = employee.getUsername();
	String employeeFirstName = employee.getFirstName();
	String employeeLastName = employee.getLastName();
%>
<jsp:include page="../common/header.jsp" />

<script type="text/javascript">
	$(document).ready(function() { 
		/*
		$('.create-emp-result').hide();
        $('#create-emp').click(function(e) {
        	var queryString = $('.user-form').formSerialize();
        	alert(queryString);
			e.preventDefault(); 
			$.post(
				       
				    "employeeCreateEmployeeAccount.do", //Ajax file
				    queryString,
				    //function that is called when server returns a value.
					    function(html){
					        //$('#display').html(data.returnValue);
					        $('.create-cust-result').html(html); // Populate Data through this line
							ht = $('.create-emp-result').height();
							$div.css({ height : ht });
					        $('.create-emp-result').slideDown();
				    	},
				    	"html"
				    );
		});
		*/
	});
</script>


<title>Carnegie Financial Services - Employee Manager</title>
</head>

<body>
	<div id="container">
    	<div id="header">
        	<h2>Carnegie Financial Services</h2>
    		<jsp:include page="../common/top-menu.jsp" />
      	</div>
        <div id="wrapper">
        	<div id="content">
              <div id="box">
	            	<h3>Add Employee</h3>
	                <form id="form" action="employeeCreateEmployeeAccount.do" method="post" class="user-form">
	                	<jsp:include page="../common/messages.jsp"/>
	                  <fieldset id="personal">
	                    <legend>PERSONAL INFORMATION</legend>
	                    <label for="txtFirstName">First name : </label>
	                    <input name="txtFirstName" id="txtFirstName" type="text" tabindex="1" value="${txtFirstName}"/>
	                    <br />
	                    <label for="txtLastName">Last name : </label> 
	                    <input name="txtLastName" id="txtLastName" type="text" tabindex="2" value="${txtLastName}"/>
	                    <br />
	                    <label for="txtUsername">UserName : </label>
	                    <input name="txtUsername" id="txtUsername" type="text" tabindex="3" value="${txtUsername}"/>
	                    <br />
	                    <label for="txtEmail">Email : </label>
	                    <input name="txtEmail" id="txtEmail" type="text" tabindex="4" value="${txtEmail}"/>
	                    <br />
	                  </fieldset>
	                  <div align="center">
	                  <input id="create-emp" type="submit" name="Submit" value="Add Employee" tabindex="4" /> 
	                  <input id="cancel" type="reset" tabindex="5" value="Cancel" />
	                  </div>
	                </form>
	                <div class="create-emp-result"></div>
                </div>

            </div>

            <jsp:include page="../common/sidebar.jsp" />
      </div>
        <jsp:include page="../common/footer.jsp" />
</div>
<div id="popup" ></div>
</body>
</html>
